<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<title>文章列表</title>
</head>
<script type="text/javascript" src="./js/index.js"></script>
<body>
	<h1>文章列表</h1>
	<ul>
		<c:forEach var="t" items="${articles}">
			<li>
				<h3>标题：${t.title}</h3>
				<p>内容：${t.content}</p>
				<p>时间和日期：${t.publishDate}</p>
				<p>
				<a href="./del.do?id=${t.id}">删除</a>
				</p>
				
			</li>

		</c:forEach>
	</ul>
	<ul class="pagination">
		<li class="${currentPage == 0 ? 'disabled' : ''}">
		<a href="./list.do?page=${currentPage == 0 ? currentPage : currentPage - 1}">
				<span>&laquo;</span>
		</a></li>


		<c:if test="${currentPage < 5}">
			<c:forEach var="page" begin="0" end="${currentPage + 4}">
				<li class="${currentPage == page ? 'active' : ''}"><a
					href="./list.do?page=${page}">${page}</a></li>
			</c:forEach>
			<li class="disabled"><a>...</a></li>
			<li><a href="./list.do?page=${total}">${total}</a></li>
		</c:if>


		<c:if test="${currentPage >= 5 && currentPage <= total -5}">
			<li><a href="./list.do?page=${0}">${0}</a></li>
			<li class="disabled"><a>...</a></li>
			<c:forEach var="page" begin="${currentPage - 3}"
				end="${currentPage + 4}">
				<li class="${currentPage == page ? 'active' : ''}"><a
					href="./list.do?page=${page}">${page}</a></li>
			</c:forEach>
			<li class="disabled"><a>...</a></li>
			<li><a href="./list.do?page=${total}">${total}</a></li>
		</c:if>

		<c:if test="${currentPage > total - 5}">
			<li><a href="./list.do?page=0">0</a></li>
			<li class="disabled"><a>...</a></li>
			<c:forEach var="page" begin="${total -5}" end="${total}">
				<li class="${currentPage == page ? 'active' : ''}"><a
					href="./list.do?page=${page}">${page}</a></li>
			</c:forEach>
		</c:if>

		<li class="${currentPage == total ? 'disabled' : ''}">
		<a href="./list.do?page=${currentPage == total ? currentPage : currentPage+ 1}">
				<span>&raquo;</span>
		</a></li>
	</ul>
	
</body>
</html>